html {
  width: auto;
  height: 100%;
}
body {
  margin-top: 0px;
  margin-left: 0px;
  background-color: #605090;
}
a:link { 
color: #33ccff;
text-align : center;
text-transform : none;
font-style : oblique;
font-weight : lighter;
text-decoration : none;
} 
a:visited { 
text-decoration : line-through;
color: #333333;
} 
a:hover, a:active { 
font-weight : inherit;
text-decoration : none;
color: #ffff99;
} 
#wrap {
  width: 800px;
  height: 100%;
  display: block;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}
#main {
  background-image: url(layout/bg.gif);
  height: 100%;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: white;
  padding-left: 8px;
  padding-right: 8px;
}
#footer {
  background-image: url(layout/footer.png);
  height: 126px;
  text-align: left;
  color: white;
  padding-left: 8px;
  padding-right: 100px;
  width: 692px;
  display: block;
}
.youtube{
 width: 660px;
  margin-left: auto;
  margin-right: auto;
}

* html #menu li {height:1%;} /*holly hack for ie only, otherwise images won't appear*/

/* menù con immagini */
#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 800px;
	height: 304px;
	background: url(layout/main_place.png) no-repeat 0 0;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
	font-size:16px;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .downs {
	width: 104px;
	height: 160px;
	background: url(layout/downs.gif) no-repeat;
	left: 465px;
	top: 106px;
}
#menu .downs span {
	width: 165px;
	height: 72px;
	background: url(layout/downs_over.gif) no-repeat;
	left: -155px;
	top: 72px;
}
#menu .home {
	width: 145px;
	height: 163px;
	background: url(layout/home.gif) no-repeat;
	left: 313px;
	top: 18px;
}
#menu .home span {
	width: 165px;
	height: 72px;
	background: url(layout/home_over.gif) no-repeat;
	left: -5px;
	top: 160px;
}
#menu .movelist {
	width: 106px;
	height: 132px;
	background: url(layout/movelist.gif) no-repeat;
	left: 214px;
	top: 130px;
}
#menu .movelist span {
	width: 165px;
	height: 72px;
	background: url(layout/movelist_over.gif) no-repeat;
	left: 98px;
	top: 48px;
}


/* Select menù con immagini */

#selebox {
width: 320px;
margin-left: auto;
margin-right: auto;
}
#selemenu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 320px;
	height: 224px;
	background: url(layout/selectscreen.gif) no-repeat;
	position: relative;
}
#selemenu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#selemenu a:hover {
	background-position: left bottom;
}
#selemenu .skelly {
	width: 136px;
	height: 140px;
	background: url(layout/select_skelly.gif) no-repeat;
	left: 16px;
	top: 68px;
}
#selemenu .heman {
	width: 136px;
	height: 140px;
	background: url(layout/select_heman.gif) no-repeat;
	left: 168px;
	top: 68px;
}